﻿@page "/docs/extensions/datagrid/features/column-chooser"

<Seo Canonical="/docs/extensions/datagrid/features/column-chooser" Title="Blazorise DataGrid Column Chooser" Description="Learn Blazorise by the example. Enable Column Chooser to allow users to show or hide columns in the DataGrid." />

<DocsPageTitle Path="Extensions/DataGrid/Features/Column Chooser">
    Blazorise DataGrid: Column Chooser
</DocsPageTitle>

<DocsPageLead>
    Enable Column Chooser to allow users to show or hide columns in the DataGrid.
</DocsPageLead>

<DocsPageSubtitle>
    Overview
</DocsPageSubtitle>

<DocsPageParagraph>
    Enable the feature by setting <Code>ColumnChooser</Code> to true.
</DocsPageParagraph>

<DocsPageSubtitle>
    Example
</DocsPageSubtitle>

<DocsPageSection>
    <DocsPageSectionContent FullWidth Outlined>
        <DataGridColumnChooserExample />
    </DocsPageSectionContent>
    <DocsPageSectionSource Code="DataGridColumnChooserExample" />
</DocsPageSection>

<DocsPageSubtitle>
    Positioning example
</DocsPageSubtitle>

<DocsPageSection>
    <DocsPageSectionContent FullWidth Outlined>
        <DataGridColumnChooserPositionExample />
    </DocsPageSectionContent>
    <DocsPageSectionSource Code="DataGridColumnChooserPositionExample" />
</DocsPageSection>


<DocsPageApi>
    <DocsPageApiItem Url="docs/extensions/datagrid/api" Name="<DataGrid />" />
</DocsPageApi>